import axios from 'axios'
import { ElMessage } from 'element-plus'

// 创建axios实例
const service = axios.create({
  // 基础URL配置
  baseURL: '', // 这里可以配置环境变量
  timeout: 10000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json'
  }
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 从localStorage获取token
    const token = localStorage.getItem('token')
    // 如果token存在，则在请求头中携带token
    if (token) {
      config.headers.token = token
    }
    return config
  },
  error => {
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    
    // 根据后端返回的code判断请求是否成功
    if (res.code === 1) {
      return res
    } else {
      // 提示错误信息
      ElMessage.error(res.msg || '请求失败')
      return Promise.reject(new Error(res.msg || '请求失败'))
    }
  },
  error => {
    console.error('响应错误:', error)
    
    // 处理401未授权错误
    if (error.response && error.response.status === 401) {
      // 清除所有相关的token和用户信息
      localStorage.removeItem('token')
      localStorage.removeItem('userInfo')
      localStorage.removeItem('username')
      localStorage.removeItem('userToken') // 兼容旧的token键名
      localStorage.removeItem('loginUser') // 清除可能存在的其他用户信息
      
      // 跳转到登录页
      window.location.href = '/login'
      
      ElMessage.error('登录已过期，请重新登录')
    } else if (error.response && error.response.data) {
      // 显示后端返回的错误信息
      ElMessage.error(error.response.data.msg || '请求失败')
    } else {
      // 显示网络错误等其他错误
      ElMessage.error('网络异常，请稍后重试')
    }
    
    return Promise.reject(error)
  }
)

export default service